<template>
  <div>
    <div>
      <h4>口颜面失用检查</h4>
      <el-row type="flex" justify="space-around" style="flex-wrap: wrap; flex-direction: row">
        <el-col :span="5">
          <span>鼓腮</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.gusai_radio">
              <el-radio :label="1">正常</el-radio>
              <el-radio :label="2">摸索</el-radio>
              <el-input v-model="pgForm.gusai_remark" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>吹起</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.chuiqi_radio">
              <el-radio :label="1">正常</el-radio>
              <el-radio :label="2">摸索</el-radio>
              <el-input v-model="pgForm.chuiqi_remark" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>咂唇</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.zachun_radio">
              <el-radio :label="1">正常</el-radio>
              <el-radio :label="2">摸索</el-radio>
              <el-input v-model="pgForm.zachun_remark" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>缩拢嘴唇</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.suolong_radio">
              <el-radio :label="1">正常</el-radio>
              <el-radio :label="2">摸索</el-radio>
              <el-input v-model="pgForm.suolong_remark" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>摆舌</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.baishe_radio">
              <el-radio :label="1">正常</el-radio>
              <el-radio :label="2">摸索</el-radio>
              <el-input v-model="pgForm.baishe_remark" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>吹口哨</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.chuikoushao_radio">
              <el-radio :label="1">正常</el-radio>
              <el-radio :label="2">摸索</el-radio>
              <el-input v-model="pgForm.chuikoushao_remark" placeholder="备注"></el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "face_check",
  title: "口颜面失用检查",
  created() {
    if (this.istrans) {
      this.pgForm = this.fromdata
    }
  },
  props: {
    fromdata: {},
    istrans: false,
  },
  data() {
    return {
      pgForm: {
        gusai_radio: '',
        gusai_remark: '',
        chuiqi_radio: '',
        chuiqi_remark: '',
        zachun_radio: '',
        zachun_remark: '',
        suolong_radio: '',
        suolong_remark: '',
        baishe_radio: '',
        baishe_remark: '',
        chuikoushao_radio: '',
        chuikoushao_remark: '',
      },
    }
  }
}
</script>

<style scoped>
h4{
  color: #679ced;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
  background-color: #FFFFFF;
  margin: 10px 0;
}

span{
  display: block;
}
.el-radio-group {
  padding: 20px 20px;
}
.el-row {
  margin: 10px 0;
  padding: 20px 20px;
  background-color: #f9f9f9;
}
.el-radio {
  display: block;
  margin-bottom: 15px;
}
</style>
